import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { HelloWorldComponent } from './components/hello-world/hello-world.component';
import { appComp } from './components/app-comp/app-comp';
import { NiceThreeComponent } from './components/nice-three/nice-three.component';
import { EventBindComponent } from './syntaxComponents/event-bind/event-bind.component';
import { AttrDirectComponent } from './syntaxComponents/attr-direct/attr-direct.component';
import { SturDirectComponent } from './syntaxComponents/stur-direct/stur-direct.component';
import { TemplateVarComponent } from './syntaxComponents/template-var/template-var.component';
import { TwoDataComponent } from './syntaxComponents/two-data/two-data.component';
import { PipeFunComponent } from './syntaxComponents/pipe-fun/pipe-fun.component';
import { ReplacePipe } from './pipes/Replace.pipe';
import { SlicePipe } from './pipes/slice.pipe';
import { ParentComponent } from './syntaxComponents/parent/parent.component';
import { ChildOneComponent } from './syntaxComponents/parent/child-one/child-one.component';
import { ChildTwoComponent } from './syntaxComponents/parent/child-two/child-two.component';

@NgModule({
  declarations: [
    AppComponent,
    HelloWorldComponent,
    appComp,
    NiceThreeComponent,
    EventBindComponent,
    AttrDirectComponent,
    SturDirectComponent,
    TemplateVarComponent,
    TwoDataComponent,
    PipeFunComponent,
    ReplacePipe,
    SlicePipe,
    ParentComponent,
    ChildOneComponent,
    ChildTwoComponent
  ],
  imports: [
    BrowserModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
